<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <meta charset="UTF-8">
    <script src="http://kit.fontawesome.com/64d58efce2.js"></script>
    <!-- CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-p1KAotb3W9ndluCsqePPYnjRm3c6abdnIjo0tQwYUv83VsbsYd43RuofnFAaDo0E"  crossorigin="anonymous">


    <style type="text/css">
        @import "IndexWeb.css";
    </style>
    <title>Title</title>
</head>
<body>
<div class="container">

    <div class="forms-container">
        <div class="signin-signup">
            <form action="${pageContext.request.contextPath}/loginin" class="sign-in-form" method="post">
                <div style="color: Red">${requestScope.error}</div>
                <h2 class="title">Sign in</h2>


                <div class="input-field">
                    <i class="fas fa-user"></i>
                    <input type="text" id="user_name" name="user_name" placeholder="Username" required>
                </div>


                <div class="input-field  input-box">
                    <i class="fas fa-lock"></i>
                    <input type="Password" name="pwd" id="pwd" placeholder="Password" required>
                </div>


                <div class="input-field  input-box">
                    <i class="fa fa-phone-square"></i>
                    <input type="text"  id="user_number" name="user_number" placeholder="UserPhone" required>
                </div>


                <button type="submit" class="btn solid">登录</button>






                <p class="social-text">Or Sign in with social platforms</p>
                <div class="social-media">
                    <a href="#" class="social-icon">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#" class="social-icon">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#" class="social-icon">
                        <i class="fab fa-google"></i>
                    </a>
                    <a href="#" class="social-icon">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                </div>
            </form>







            <form action="${pageContext.request.contextPath}/Submit" method="post" class="sign-up-form">
                <h2 class="title">Sign up</h2>


                <div class="input-field">
                    <i class="fas fa-user"></i>
                    <input type="text" id="user_n" name="user_n" placeholder="Username" required>
                </div>



                <div class="input-field">
                    <i class="fas fa-lock"></i>
                    <input type="Password" id="user_p" name="user_p" placeholder="Password" required>
                </div>



                <div class="input-field">
                    <i class="fas fa-lock"></i>
                    <input type="Password" id="user_rp" name="user_rp" placeholder="DoPassword" required>
                </div>



                <div class="input-field">
                    <i class="fa fa-phone-square"></i>

                    <input type="text" id="user_tel" name="user_tel" placeholder="UserPhone" required>
                </div>



                <button type="submit" class="btn solid">注册</button>
                <span>${requestScope.info}</span>



                <p class="social-text">Or Sign up with social platforms</p>
                <div class="social-media">
                    <a href="#" class="social-icon">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#" class="social-icon">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#" class="social-icon">
                        <i class="fab fa-google"></i>
                    </a>
                    <a href="#" class="social-icon">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                </div>
            </form>
        </div>
    </div>
    <div class="panels-container">
        <div class="panel left-panel">
            <div class="content">
                <h3>新用户</h3>
                <p>如果你没有一个账号，请注册！</p>
                <button class="btn transparent" id="sign-up-btn">Sign up</button>
            </div>

            <img src="../Myimg/undraw01.png" class="image" alt="">
        </div>

        <div class="panel right-panel">
            <div class="content">
                <h3>One of us?</h3>
                <p>Lorem ipsum dolor sit ametbconsectetur adipisicing elit. Minus impedit
                    quidem quibusdam?</p>
                <button class="btn transparent" id="sign-in-btn">Sign up</button>
            </div>

            <img src="../Myimg/undraw02.png" class="image" alt="">
        </div>
    </div>

</div>

<script src="app.js"> </script>
</body>
</html>